<!DOCTYPE html>
<html lang="es">
	<head>
		<meta charset="UTF-8">
		<title>Gmaster [Usuarios]</title>
		<script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
		<script type="text/javascript" src="js/jquery-ui-1.10.3.custom.min.js"></script>
		<script type="text/javascript" src="js/jquery.ui.datepicker-es.js"></script>
		<script type="text/javascript" src="js/funciones.js"></script>
		<script>seguridad();</script>
		<script type="text/javascript" src="js/buscar_usuario.js"></script>
		<script type="text/javascript" src="js/usuario.js"></script>
		<link rel="StyleSheet" type="text/css" href="css/smoothness/jquery-ui-1.10.3.custom.min.css">
		<link rel="StyleSheet" type="text/css" href="css/estilos.css">
	</head>
	<body>
		<div id="menu"></div>
		<div>
			<h1>Usuarios</h1>
		</div>
		<div id="listado" class="visible">
			<div id="parametros">
				<label for="tipo">Filtrar por: </label>
				<select id="tipo">
					<option value="all">Todos</option>
					<option value="adm">Administrativo</option>
					<option value="alu">Alumno</option>
					<option value="ent">Entidad</option>
					<option value="pro">Profesor</option>
				</select>
				<a id="busqueda">B&uacute;squeda avanzada</a>
			</div>
			<div id="filtros" class="oculto"></div>
			<div id="lista"></div>
			<input type="button" id="nuevo" value="Nuevo usuario">
			<input type="button" id="borrar" value="Borrar selección">
		</div>
		<div id="form_usuario" class="oculto">
			<form>
				<fieldset><legend>Datos obligatorios</legend>
					<p>
						<label for="usu_0">DNI: </label>
						<input type="text" id="usu_0" name="dni" maxlength=9 tabindex=1 autofocus autocomplete="off">
						<input type="hidden" id="hidden_usu_0" value="false">
						<span id="span_usu_0"></span>
					</p>
					<p>
						<label for="usu_1">Nombre: </label>
						<input type="text" id="usu_1" name="nombre" maxlength=30 tabindex=2 autocomplete="off">
						<input type="hidden" id="hidden_usu_1" value="false">
					</p>
					<p>
						<label for="usu_2">Primer apellido: </label>
						<input type="text" id="usu_2" name="apellido1" maxlength=30 tabindex=3 autocomplete="off">
						<input type="hidden" id="hidden_usu_2" value="false">
						<label for="usu_3">Segundo apellido: </label>
						<input type="text" id="usu_3" name="apellido2" maxlength=30 tabindex=4 autocomplete="off">
						<input type="hidden" id="hidden_usu_3" value="false">
					</p>
					<p>
						<label for="usu_4">Tipo de usuario: </label>
						<select id="usu_4" name="tipousuario" tabindex=5>
							<option value="0" selected disabled>-Seleccione uno-</option>
							<option value="adm">Administrativo</option>
							<option value="alu">Alumno</option>
							<option value="ent">Entidad</option>
							<option value="pro">Profesor</option>
						</select>
						<input type="hidden" id="hidden_usu_4" value="false">
					</p>
				</fieldset>
			<div id="datos_alu" class="oculto">
				<fieldset> <legend>Datos Alumno</legend>
					<p>
						<label for="alu_0">Especialidad: </label>
						<select id="alu_0" name="especialidad">
							<option>Carga</option>
						</select>
						<input type="hidden" id="hidden_usu_6" value="true">
					</p>
					<p>
						<label for="alu_1">T&iacute;tulo del TFM: </label>
						<input type="text" id="alu_1" name="titulo" maxlength=150 autocomplete="off">
					</p>
					<p>
						<label for="alu_2">Director del TFM: </label>
						<input type="text" id="alu_2" name="director" readonly>
						<input type="hidden" id="alu_2_hidden" value="">
						<input type="button" id="alu_2_button" value="Buscar profesor">
						<input type="button" id="alu_2_b_button" value="Borrar" disabled>
					</p>
					<p>
						<label for="alu_3">Nota del TFM: </label>
						<input type="text" id="alu_3" name="nota" maxlength=5 autocomplete="off" placeholder="XX.XX">
					</p>
					<p>
						<label for="alu_4">Fecha de la defensa del TFM: </label>
						<input type="text" id="alu_4" name="fecha defensa TFM" readonly>
						<input type="hidden" id="alu_4_hidden" value="">
					</p>
					<p>
						<label for="alu_5">Hora de la defensa del TFM: </label>
						<input type="text" id="alu_5" name="hora defensa TFM" maxlength=5 autocomplete="off" placeholder="hh:mm (24h)">
						<span id="span_alu_5"></span>
						<input type="hidden" id="hidden_usu_11" value="true">
					</p>
					<p>
						<label for="alu_6">Convocatoria de la defensa: </label>
						<select id="alu_6" name="convocatoria">
							<option value="0" selected disabled>-Seleccione una-</option>
							<option value="ordinaria">Ordinaria</option>
							<option value="extraordinaria">Extraordinaria</option>
						</select>
					</p>
					<h5>TFM = Trabajo Fin de M&aacute;ster </h5>
				</fieldset>
			</div>
			<div id="datos_pro" class="oculto">
				<fieldset> <legend>Datos Profesor</legend>
					<p>
						<label for="pro_0">Tipo de profesor: </label>
						<select id="pro_0" name="tipo_profesor">
							<option value="0" selected disabled>-Seleccione uno-</option>
							<option value="uco">Docente de la UCO</option>
							<option value="aso">Docente asociado a la UCO</option>
							<option value="ext">Docente externo a la UCO</option>
						</select>
					</p>
				<div id="datos_pro_uco" class="oculto">
					<p>
						<label for="pro_1">Departamento: </label>
						<select id="pro_1" name="departamento">
							<option>Carga</option>
						</select>
						<input type="button" id="pro_1_button" value="Nuevo departamento">
					</p>
					<p>
						<label for="pro_2">&Aacute;rea de conocimiento: </label>
						<select id="pro_2" name="area_conocimento" disabled>
							<option value="0"> - - </option>
						</select>
						<input type="hidden" id="hidden_usu_7" value="true">
						<input type="button" id="pro_2_button" value="Nueva área de conocimiento" disabled>
					</p>
				</div>
				<div id="datos_pro_ext" class="oculto">
					<p>
						<label for="pro_3">Centro de secundaria: </label>
						<select id="pro_3" name="centro_secundaria">
							<option>Carga</option>
						</select>
						<input type="button" id="pro_3_button" value="Nuevo centro de secundaria">
					</p>
					<p>
						<label for="pro_4">Departamento ES: </label>
						<select id="pro_4" name="departamentoES" disabled>
							<option value="0"> - - </option>
						</select>
						<input type="hidden" id="hidden_usu_8" value="true">
						<input type="button" id="pro_4_button" value="Nuevo departamento ES" disabled>
					</p>
					<p>
						<label for="pro_5">Cuenta bancaria: </label>
						<input type="text" id="pro_5" name="cuenta" maxlength="20">
						<span id="span_9"></span>
						<input type="hidden" id="hidden_usu_9" value="true">
					</p>
				</div>
				<div id="datos_pro_pra_1" class="oculto">
					<p>
						<input type="checkbox" id="pro_6" name="practica" value="pra"><label for="pro_6">Tutor de prácticas</label>
					</p>
				</div>
				<div id="datos_pro_pra_2" class="oculto">
					<p>
						<label for="pro_7">Especialidad: </label>
						<select id="pro_7" name="especialidad">
							<option value="0">Carga</option>
						</select>
						<input type="hidden" id="hidden_usu_10" value="true">
					</p>
					<p>
						<label for="pro_8">Horas mañana: </label><input type="text" id="pro_8" name="h_maniana" value="0" maxlength=5>
						<label for="pro_9">Horas tarde: </label><input type="text" id="pro_9" name="h_tarde" value="0" maxlength=5>
					</p>
				</div>
				</fieldset>
			</div>
				<fieldset> <legend>Datos personales </legend>
					<p>
						<label for="usu_5">Correo Principal: </label>
						<input type="email" id="usu_5" name="correo" maxlength=50 tabindex=6 autocomplete="off">
						<input type="hidden" id="hidden_usu_5" value="true">
						<span id="span_usu_5"></span>
					</p>
					<p>
						Sexo: 
						<input type="radio" id="usu_6" name="sexo" value="H" checked tabindex=7>
						<label for="usu_6">Hombre</label>
						<input type="radio" id="usu_7" name="sexo" value="M" tabindex=8>
						<label for="usu_7">Mujer</label>
					</p>
					<p>
						<label for="usu_8">Direcci&oacute;n: </label>
						<input type="text" id="usu_8" name="direccion" maxlength=60 tabindex=9 autocomplete="off">
					</p>
					<p>
						<label for="usu_9">Localidad: </label>
						<input type="text" id="usu_9" name="localidad" maxlength=20 tabindex=10 list="nombreslocalidades" autocomplete="off">
							<datalist id="nombreslocalidades"></datalist>
					</p>
					<p>
						<label for="usu_10">Provincia: </label>
						<input type="text" id="usu_10" name="provincia" maxlength=20 tabindex=11 list="nombresprovincias" autocomplete="off">
							<datalist id="nombresprovincias"></datalist>
					</p>
					<p>
						<label for="usu_11">Tel&eacute;fono: </label>
						<input type="tel" id="usu_11" name="telefono" maxlength=9 tabindex=12 autocomplete="off">			
					</p>
				</fieldset>
				<input type="button" id="registrar" value="Registrar" tabindex=13 disabled>
				<input type="button" id="cancelar" value="Cancelar" tabindex=14>
			</form>
		</div>
	</body>
</html>